<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name='format-detection' content='telephone=no' />
<title>人车人</title><link rel="icon" href="/assets/img/titleico.ico" type="image/x-icon">
<link rel="stylesheet" href="/assets/css/common.css" />
<link rel="stylesheet" href="/assets/css/iconfont/iconfont.css" />
<link rel="stylesheet" href="/assets/css/swiper-3.4.2.min.css" />
<style>
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction
	{
	width: inherit;
	left: 5%;
}

.swiper-pagination-bullet {
	width: 6px;
	height: 6px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
	{
	margin: 0 2px;
}

.swiper-pagination-bullet-active {
	background-color: #e84816;
}

section .container {
	padding: 2px 0 30%;
	overflow: hidden;
}

section .container ul.ulcon li {
	padding: 1.2rem 5%;
	background-color: #fff;
	position: relative;
}

section .container ul.ulcon li .box {
	align-items: center;
	just-content: space-between;
}

section .container ul.ulcon li .icon {
	padding: 4px;
	border-radius: 6px;
	margin-right: 5%;
}

section .container ul.ulcon li .bgcolor1 {
	background-color: #ff9500;
}

section .container ul.ulcon li .bgcolor2 {
	background-color: #007aff;
}

section .container ul.ulcon li .bgcolor3 {
	background-color: #4cd964;
}

section .container ul li span {
	color: #606060;
	padding-right: 1.4rem;
	font-size: 1.6rem;
}

section .container ul.ulcon li a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

section .container ul.ulcon li i {
	color: #c7c7c7;
	font-size: 2.2rem;
	transform-origin: 10px;
}

section .container ul.ulcon li .info .posbor {
	position: absolute;
	width: 100%;
	bottom: 0;
}
</style>
<script src="/assets/js/jquery-3.1.1.min.js"></script>
</head>
<body>
	<!-- header start -->
	#@tabHead("产品",true)
	<!-- end header -->

	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<img src="/assets/img/banner.png" width="100%" />
			</div>
		</div>
		<div class="swiper-pagination"></div>
	</div>

	<section>
		<div class="container">
			<ul class="ulcon t_bor b_bor" id="ulcon">
				<li class="ac">
					<div class="box flexbox"
						onclick="location.href='/userCenter/orderList'">
						<div class="icon bgcolor2">
							<img src="/assets/img/icon_1.png" height="30" width="30" alt="" />
						</div>
						<div class="info flex">
							<span>车抵贷</span>
							<div class="posbor b_bor"></div>
						</div>
						<i class="iconfont trans">&#xe61d;</i>
					</div>
				</li>
				<li class="ac"><a href="/product/list"></a>
					<div class="box flexbox">
						<div class="icon bgcolor2">
							<img src="/assets/img/icon_1.png" height="30" width="30" alt="" />
						</div>
						<div class="info flex">
							<span>以租代购</span>
							<div class="posbor b_bor"></div>
						</div>
						<i class="iconfont trans">&#xe61d;</i>
					</div></li>
				<li class="ac">
					<div class="box flexbox">
						<div class="icon bgcolor2">
							<img src="/assets/img/icon_1.png" height="30" width="30" alt="" />
						</div>
						<div class="info flex">
							<span>房抵贷</span>
							<div class="posbor b_bor"></div>
						</div>
						<i class="iconfont trans">&#xe61d;</i>
					</div>
				</li>
				<li class="ac">
					<div class="box flexbox">
						<div class="icon bgcolor2">
							<img src="/assets/img/icon_1.png" height="30" width="30" alt="" />
						</div>
						<div class="info flex">
							<span>车商库容</span>
							<div class="posbor b_bor"></div>
						</div>
						<i class="iconfont trans">&#xe61d;</i>
					</div>
				</li>
				<li class="ac">
					<div class="box flexbox">
						<div class="icon bgcolor2">
							<img src="/assets/img/icon_1.png" height="30" width="30" alt="" />
						</div>
						<div class="info flex">
							<span>车险分期</span>
							<div class="posbor b_bor"></div>
						</div>
						<i class="iconfont trans">&#xe61d;</i>
					</div>
				</li>
			</ul>
		</div>
	</section>
	<!-- footer start -->
	#--#@footer(1)--#
	<!-- end footer -->

	<script src="/assets/js/fastclick.min.js"></script>
	<script src="/assets/js/xxsg.js"></script>
	<script src="/assets/js/swiper-3.4.2.jquery.min.js"></script>
	<script>
		$(function(){
			var mySwiper = new Swiper('.swiper-container', {
				pagination: '.swiper-pagination',
				loop: true,
				autoplay: 3000,
				autoplayDisableOnInteraction: false
			})
		})
	</script>
</body>
</html>